<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<title>班级成绩分析</title>
<meta name="context-path" th:content="@{/}"/>
<link rel="stylesheet" th:href="@{/resources/matrix/css/bootstrap.min.css}"/>

<link rel="stylesheet" th:href="@{/resources/achieve/css/index.css}"/>
<link rel="stylesheet" th:href="@{/resources/achieve/css/font-awesome.min.css}"/>
<link rel="stylesheet" th:href="@{/resources/achieve/css/swiper.min.css}"/>


    <script>
        (function(doc,win){var docEl=doc.documentElement,resizeEvt='orientationchange'in window?'orientationchange':'resize',recalc=function(){var clientWidth=docEl.clientWidth;if(!clientWidth)return;if(clientWidth>=750){docEl.style.fontSize='100px'}else{docEl.style.fontSize=100*(clientWidth/750)+'px'}document.body.style.display="block"};if(!doc.addEventListener)return;win.addEventListener(resizeEvt,recalc,false);doc.addEventListener('DOMContentLoaded',recalc,false)})(document,window);
    </script>
<script th:src="@{/resources/js/jquery.min.js}"></script>
<script th:src="@{/resources/achieve/js/swiper.min.js}"></script>
<script th:src="@{/resources/achieve/js/jquery.SuperSlide.2.1.3.js}" charset="utf-8"></script>



    <script>
        $(function(){
            $(".morethen").click(function(){
                document.body.style.overflow='hidden';
                $(".maskone").css("height",$(window).height());
                $(".maskone").css("width",$(window).width());
                $(".maskone").show();
            })
            $(".chooseone ul li").click(function(){
                document.body.style.overflow='auto';
                $(this).addClass("clicked").siblings().removeClass("clicked");
                $(".maskone").hide();
            })
            $(".closes").click(function(){
                document.body.style.overflow='auto';
                $(".maskone").hide();
            })
            $(".gradesones span").click(function(){
                $(this).addClass("clicked").siblings().removeClass("clicked");
            })
            $(".gradeone").click(function(){
                $(this).addClass("clicked").siblings().removeClass("clicked");
            })
            $(".picScroll-left").slide({
                titCell:".hd ul",
                mainCell:".bd ul",
                autoPage:true,
                effect:"left",
                autoPlay:true,
                vis:1,
                trigger:"click"
            });
            var swiper = new Swiper('.esults-container', {
                pagination: {
                    el: '.esults-pagination',
                    clickable :true,
                },
                autoplay: {
                    disableOnInteraction: false,
                },
            });
            var swiper = new Swiper('.year-container', {
                pagination: {
                    el: '.year-pagination',
                    clickable :true,
                },
                autoplay: {
                    disableOnInteraction: false,
                },
            });
            var swiper = new Swiper('.recent-container', {
                pagination: {
                    el: '.recent-pagination',
                    clickable :true,
                },
                autoplay: {
                    disableOnInteraction: false,
                },
            });
            var swiper = new Swiper('.online-container', {
                pagination: {
                    el: '.online-pagination',
                    clickable :true,
                },
                autoplay: {
                    disableOnInteraction: false,
                },
            });
            var swiper = new Swiper('.onascale-container', {
                pagination: {
                    el: '.onascale-pagination',
                    clickable :true,
                },
                autoplay: {
                    disableOnInteraction: false,
                },
            });
            var swiper = new Swiper('.divide-container', {
                pagination: {
                    el: '.divide-pagination',
                    clickable :true,
                },
                autoplay: {
                    disableOnInteraction: false,
                },
            });
        });
    </script>
</head>
<body>
<div class="maskone">
    <div class="chooseone">
        <div class="titles">考试选择<i class="closes"></i></div>
        <ul>
            <li>考试名称<i class="icon-ok icon-2x"></i></li>
            <li>考试名称<i class="icon-ok icon-2x"></i></li>
            <li>考试名称<i class="icon-ok icon-2x"></i></li>
            <li>考试名称<i class="icon-ok icon-2x"></i></li>
            <li>考试名称<i class="icon-ok icon-2x"></i></li>
            <li>考试名称<i class="icon-ok icon-2x"></i></li>
            <li>考试名称<i class="icon-ok icon-2x"></i></li>
            <li>考试名称<i class="icon-ok icon-2x"></i></li>
        </ul>
    </div>
</div>
<div class="grades clearfix">
    <div class="gradesones pull-left">
        <span class="clicked">19级3班</span>
        <span>19级3班</span>
        <span>19级3班</span>
        <span>19级3班</span>
        <span>19级3班</span>
        <span>19级3班</span>
        <span>19级3班</span>
    </div>
    <i class="icon-angle-down icon-2x pull-left"></i>
</div>
<div class="content">
    <div class="picScroll-left">
        <div class="hd clearfix">
            <span>考试的名称显在再这里</span>
            <i class="morethen"></i>
            <i class="next icon-angle-right icon-2x"></i>
            <i class="prev icon-angle-left icon-2x"></i>
        </div>
        <div class="bd">
            <ul class="picList">
                <li>
                    <div class="bigtitle">各科平均分</div>
                    <div class="gradelist clearfix">
                        <div class="gradeone pull-left clicked">
                            <div class="ones">语文</div>
                            <div class="twos">103.8</div>
                        </div>
                        <div class="gradeone pull-left">
                            <div class="ones">数学</div>
                            <div class="twos">115</div>
                        </div>
                        <div class="gradeone pull-left">
                            <div class="ones">英语</div>
                            <div class="twos">90</div>
                        </div>
                    </div>
                    <div class="gradeimg"><img th:src="@{/resources/achieve/images/gradea.png}" alt=""></div>
                </li>
                <li>
                    <div class="bigtitle">各科平均分</div>
                    <div class="gradelist clearfix">
                        <div class="gradeone pull-left">
                            <div class="ones">语文</div>
                            <div class="twos">103.8</div>
                        </div>
                        <div class="gradeone pull-left">
                            <div class="ones">数学</div>
                            <div class="twos">115</div>
                        </div>
                        <div class="gradeone pull-left">
                            <div class="ones">英语</div>
                            <div class="twos">90</div>
                        </div>
                    </div>
                    <div class="gradeimg"><img th:src="@{/resources/achieve/images/gradea.png}" alt=""></div>
                </li>
                <li>
                    <div class="bigtitle">各科平均分</div>
                    <div class="gradelist clearfix">
                        <div class="gradeone pull-left">
                            <div class="ones">语文</div>
                            <div class="twos">103.8</div>
                        </div>
                        <div class="gradeone pull-left">
                            <div class="ones">数学</div>
                            <div class="twos">115</div>
                        </div>
                        <div class="gradeone pull-left">
                            <div class="ones">英语</div>
                            <div class="twos">90</div>
                        </div>
                    </div>
                    <div class="gradeimg"><img th:src="@{/resources/achieve/images/gradea.png}" alt=""></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="graderesults">
        <div class="titles clearfix">
            <span>年级成绩趋势分析</span>
            <i class="morethen"></i>
        </div>
        <div class="resultstitle">班级平均成绩排名</div>
        <div class="esultslist">
            <div class="esults-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img th:src="@{/resources/achieve/images/gradeb.png}" alt=""></div>
                    <div class="swiper-slide"><img th:src="@{/resources/achieve/images/gradeb.png}" alt=""></div>
                </div>
                <div class="esults-pagination"></div>
            </div>
        </div>
    </div>
    <div class="gradeyear">
        <div class="titles">年级上线人数</div>
        <div class="gradelist clearfix">
            <div class="gradeone pull-left clicked">
                <div class="ones">文科上线人数</div>
                <div class="twos">35</div>
            </div>
            <div class="gradeone pull-left">
                <div class="ones">理科上线人数</div>
                <div class="twos">92</div>
            </div>
        </div>
        <div class="resultstitle">本科段</div>
        <div class="esultslist">
            <div class="year-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img th:src="@{/resources/achieve/images/gradec.png}" alt=""></div>
                    <div class="swiper-slide"><img th:src="@{/resources/achieve/images/gradec.png}" alt=""></div>
                </div>
                <div class="year-pagination"></div>
            </div>
        </div>
    </div>
    <div class="recentsituation">
        <div class="titles">班级近况</div>
        <div class="esultslist">
            <div class="recent-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <table>
                            <thead>
                            <td>姓名</td>
                            <td>成绩</td>
                            <td>班内排名</td>
                            <td>年级名次</td>
                            <td>名次变化</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/up.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="swiper-slide">
                        <table>
                            <thead>
                            <td>姓名</td>
                            <td>成绩</td>
                            <td>班内排名</td>
                            <td>年级名次</td>
                            <td>名次变化</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="swiper-slide">
                        <table>
                            <thead>
                            <td>姓名</td>
                            <td>成绩</td>
                            <td>班内排名</td>
                            <td>年级名次</td>
                            <td>名次变化</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            <tr>
                                <td>张三亚</td>
                                <td>480</td>
                                <td>12</td>
                                <td>75</td>
                                <td><img th:src="@{/resources/achieve/images/down.png}" alt="">5</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="recent-pagination"></div>
            </div>
        </div>
    </div>
    <div class="scoresofradar">
        <div class="titles">分数雷达</div>
        <div class="esultslist"><img th:src="@{/resources/achieve/images/graded.png}" alt=""></div>
    </div>
    <div class="online">
        <div class="titles">上线趋势分析</div>
        <div class="resultstitle">班级</div>
        <div class="esultslist">
            <div class="online-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="esultslistone"><img th:src="@{/resources/achieve/images/gradee.png}" alt=""></div>
                        <table>
                            <thead>
                            <td>考试名称</td>
                            <td>本科上线人数</td>
                            <td>重点上线人数</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="swiper-slide">
                        <div class="esultslistone"><img th:src="@{/resources/achieve/images/gradee.png}" alt=""></div>
                        <table>
                            <thead>
                            <td>考试名称</td>
                            <td>本科上线人数</td>
                            <td>重点上线人数</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="swiper-slide">
                        <div class="esultslistone"><img th:src="@{/resources/achieve/images/gradee.png}" alt=""></div>
                        <table>
                            <thead>
                            <td>考试名称</td>
                            <td>本科上线人数</td>
                            <td>重点上线人数</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            <tr>
                                <td>考试名称1</td>
                                <td>20</td>
                                <td>21</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="online-pagination"></div>
            </div>
        </div>
    </div>
    <div class="onascale">
        <div class="titles">分数段</div>
        <div class="resultstitle">班级分段</div>
        <div class="esultslist">
            <div class="onascale-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img th:src="@{/resources/achieve/images/gradef.png}" alt=""></div>
                    <div class="swiper-slide"><img th:src="@{/resources/achieve/images/gradef.png}" alt=""></div>
                </div>
                <div class="onascale-pagination"></div>
            </div>
        </div>
    </div>
    <div class="divide">
        <div class="titles clearfix">
            <span>考试均分趋势</span>
            <i class="morethen"></i>
        </div>
        <div class="resultstitle">班级</div>
        <div class="esultslist">
            <div class="divide-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="esultslistone"><img th:src="@{/resources/achieve/images/gradeg.png}" alt=""></div>
                        <table>
                            <thead>
                            <td>班级名称</td>
                            <td>平均分</td>
                            <td>排名</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="swiper-slide">
                        <div class="esultslistone"><img th:src="@{/resources/achieve/images/gradeg.png}" alt=""></div>
                        <table>
                            <thead>
                            <td>班级名称</td>
                            <td>平均分</td>
                            <td>排名</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="swiper-slide">
                        <div class="esultslistone"><img th:src="@{/resources/achieve/images/gradeg.png}" alt=""></div>
                        <table>
                            <thead>
                            <td>班级名称</td>
                            <td>平均分</td>
                            <td>排名</td>
                            </thead>
                            <tbody>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            <tr>
                                <td>初三1班</td>
                                <td>20</td>
                                <td>12</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="divide-pagination"></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
